<template>
  <div class="main-container">
    <div style="background-color: #fff; height: 100%">
      <a-tabs   :lazy-load="true" justify type="card">
        <a-tab-pane :key="1" title="五金盘点非固定资产">
          <DyeCheckStock></DyeCheckStock>
        </a-tab-pane>
        <a-tab-pane :key="2" title="固定资产盘点">
          <HardwareInventoryOfFixedAssets></HardwareInventoryOfFixedAssets>
        </a-tab-pane>
         <a-tab-pane :key="3" title="车间盘点">
          <WorkshopYarnInventory></WorkshopYarnInventory>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>

<script lang="ts">
import DyeCheckStock from '../RWh/components/DyeCheckStock.vue'
import HardwareInventoryOfFixedAssets from '../RWh/components/HardwareInventoryOfFixedAssets.vue'
import WorkshopYarnInventory from '../RWh/components/WorkshopYarnInventory.vue'

export default {
  name: 'InventoryManagement',
  setup() {},
  components: {
    DyeCheckStock,
    HardwareInventoryOfFixedAssets,
    WorkshopYarnInventory,
  },
}
</script>

<style scoped>
.main-container {
  height: 100%;
}
</style>